<div>
    <div class="task-container col-md-8 col-sm-7 no-padding-left padding-right-sm hidden-xs">
        <div class="panel panel-primary">
            <div class="panel-heading">
                便签
                <button class="btn btn-danger btn-xs pull-right">
                    <i class="glyphicon glyphicon-plus"></i>
                </button>
            </div>
            <div class="panel-body"></div>
        </div>
    </div>
    <div class="slide-right col-md-4 col-sm-5 col-xs-12 no-padding-right padding-left-sm">
        <div class="panel panel-primary">
            <div class="panel-heading">任务面板
                <button class="btn btn-default btn-xs pull-right" ng-click="exit();">
                    <i class="glyphicon glyphicon-log-out"></i>退出系统
                </button>
            </div>
            <div class="panel-body">
                <div class="task-part">
                    <form ng-submit="addTask();">
                        <input type="text" class="form-control" placeholder="需要做什么？" required ng-model="task.taskName">
                    </form>
                    <table class="table table-striped table-bordered table-hover task-list">
                        <!--根据索引进行遍历,避免对象中有相同的值引起错误-->
                        <tr ng-repeat="task in taskList track by $index">
                            <!--编辑时移除复选框-->
                            <td class="text-center task-check no-padding-left no-padding-right" ng-if="!task.isEditing">
                                <input type="checkbox" ng-model="task.checked" ng-change="changeTaskStatus(task);"></td>
                            <td ng-class="{'task-completed':task.status==='Finish'}">
                                <span ng-hide="task.isEditing">{{task.taskName}}</span>
                                <input type="text" class="form-control input-sm" ng-model="task.tempTaskName" ng-show="task.isEditing">
                            </td>
                            <td class="text-center task-operate no-padding-left no-padding-right">
                                <!--正常状态按钮-->
                                <div class="btn-group" ng-hide="task.isEditing" ng-if="!task.checked">
                                    <button class="btn btn-info btn-xs" ng-click="editTask(task,$index);">编辑</button>
                                    <button class="btn btn-danger btn-xs" ng-click="deleteTask(task,$index);">删除</button>
                                </div>
                                <!--编辑状态按钮-->
                                <div class="btn-group" ng-show="task.isEditing">
                                    <button class="btn btn-info btn-xs" ng-click="saveTask(task,$index);">保存</button>
                                    <button class="btn btn-danger btn-xs" ng-click="cancelEditTask(task);">取消</button>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>